﻿<!DOCTYPE html>
<html>
<head>
	<title>
		Windows calculator
	</title>
	<link href="WindowsCalculator.css" rel="stylesheet">
	<meta content="text/html; charset=UTF-8">
</head>
<body>
	<table id="main">
		<tr>
			<td colspan="9">
				<table id="MinMaxButtons">
					<tr>
						<td>
							<img src="Calc.png" id="picture"/><label for="picture">Calculator</label>
						</td>
						<td id="MainButtons">
							<button type="button" id="Minimize"><img src="MinCalc.png"/></button>
							<button type="button" id="Maximize"><img src="MaxCalc.png"/></button>
							<button type="button" id="Close"><img src="CloseCalc.png"/></button>
						</td>
					</tr>
				</table>
			</td>
		</tr>
		<tr>
			<td>
				<table class="GrayBorder" id="Calc">
					<tr>
						<td colspan="9" id="menu">
							<ul>
								<li>
									<a href="#" id="View"><p>View</p></a>
								</li>
								<li>
									<a href="#" id="Edit"><p>Edit</p></a>
								</li>
								<li>
									<a href="#" id="Help"><p>Help</p></a>
								</li>
							</ul>
						</td>
					</tr>
					<tr>
						<td colspan="9" id="display">
							<input type="text" value="8854455"/>
						</td>
					</tr>
					<tr>
						<td colspan="9" id="Binary">
							<table class="GrayBorder" id="BinaryRep">
								<tr>
									<td>
										0000
									</td>
									<td>
										0000
									</td>
									<td>
										0000
									</td>
									<td>
										0000
									</td>
									<td>
										0000
									</td>
									<td>
										0000
									</td>
									<td>
										0000
									</td>
									<td>
										0000
									</td>
								</tr>
								<tr>
									<td class="greyNum">
										63
									</td>
									<td>
										
									</td>
									<td>
										
									</td>
									<td>
										
									</td>
									<td class="greyNum">
										47
									</td>
									<td>
										
									</td>
									<td>
										
									</td>
									<td class="greyNum">
										32
									</td>
								</tr>
								<tr>
									<td>
										0000
									</td>
									<td>
										0000
									</td>
									<td>
										1000
									</td>
									<td>
										0111
									</td>
									<td>
										0001
									</td>
									<td>
										1011
									</td>
									<td>
										1011
									</td>
									<td>
										0111
									</td>
								</tr>
								<tr>
									<td class="greyNum">
										31
									</td>
									<td>
										
									</td>
									<td>
										
									</td>
									<td>
										
									</td>
									<td class="greyNum">
										15
									</td>
									<td>
										
									</td>
									<td>
										
									</td>
									<td class="greyNum">
										0
									</td>
								</tr>
							</table>
						</td>
					</tr>
					<tr>
						<td rowspan="3" class="GrayBorder" id="NumSys">
							<input type="radio" name="NumeralSystem" id="hex"/><label for="hex">Hex</label><br/>
							<input type="radio" name="NumeralSystem" id="dec" checked="checked" /><label for="dec">Dec</label><br/>
							<input type="radio" name="NumeralSystem" id="oct"/><label for="oct">Oct</label><br/>
							<input type="radio" name="NumeralSystem" id="bin"/><label for="bin">Bin</label>
						</td>
						<td>
							<button type="button" disabled="disabled"></button>
						</td>
						<td>
							<button type="button">Mod</button>
						</td>
						<td>
							<button type="button" disabled="disabled">A</button>
						</td>
						<td>
							<button type="button" disabled="disabled">MC</button>
						</td>
						<td>
							<button type="button" disabled="disabled">MR</button>
						</td>
						<td>
							<button type="button" disabled="disabled">MS</button>
						</td>
						<td>
							<button type="button" disabled="disabled">M+</button>
						</td>
						<td>
							<button type="button" disabled="disabled">M-</button>
						</td>
					</tr>
					<tr>
						<td>
							<button type="button">(</button>
						</td>
						<td>
							<button type="button">)</button>
						</td>
						<td>
							<button type="button" disabled="disabled">B</button>
						</td>
						<td>
							<button type="button"><</button>
						</td>
						<td>
							<button type="button">CE</button>
						</td>
						<td>
							<button type="button">C</button>
						</td>
						<td>
							<button type="button">+-</button>
						</td>
						<td>
							<button type="button" disabled="disabled">V</button>
						</td>
					</tr>
					<tr>
						<td>
							<button type="button">RoL</button>
						</td>
						<td>
							<button type="button">RoR</button>
						</td>
						<td>
							<button type="button" disabled="disabled">C</button>
						</td>
						<td>
							<button type="button" class="numberBright">7</button>
						</td>
						<td>
							<button type="button" class="numberBright">8</button>
						</td>
						<td>
							<button type="button" class="numberBright">9</button>
						</td>
						<td>
							<button type="button">/</button>
						</td>
						<td>
							<button type="button" disabled="disabled">%</button>
						</td>
					</tr>
					<tr>
						<td rowspan="3" class="GrayBorder" id="Word">
							<input type="radio" name="Word" id="qword" checked="checked"/><label for="qword">Qword</label><br/>
							<input type="radio" name="Word" id="dword"/><label for="dword">Dword</label><br/>
							<input type="radio" name="Word" id="word"/><label for="word">Word</label><br/>
							<input type="radio" name="Word" id="byte"/><label for="byte">Byte</label>
						</td>
						<td>
							<button type="button">Or</button>
						</td>
						<td>
							<button type="button">Xor</button>
						</td>
						<td>
							<button type="button" disabled="disabled">D</button>
						</td>
						<td>
							<button type="button" class="numberBright">4</button>
						</td>
						<td>
							<button type="button" class="numberBright">5</button>
						</td>
						<td>
							<button type="button" class="numberBright">6</button>
						</td>
						<td>
							<button type="button">*</button>
						</td>
						<td>
							<button type="button" disabled="disabled">1/x</button>
						</td>
					</tr>
					<tr>
						<td>
							<button type="button">Lsh</button>
						</td>
						<td>
							<button type="button">Rsh</button>
						</td>
						<td>
							<button type="button" disabled="disabled">E</button>
						</td>
						<td>
							<button type="button" class="numberBright">1</button>
						</td>
						<td>
							<button type="button" class="numberBright">2</button>
						</td>
						<td>
							<button type="button" class="numberBright">3</button>
						</td>
						<td>
							<button type="button">-</button>
						</td>
						<td rowspan="2">
							<button type="button" id="equal">=</button>
						</td>
					</tr>
					<tr>
						<td>
							<button type="button">Not</button>
						</td>
						<td>
							<button type="button">And</button>
						</td>
						<td>
							<button type="button" disabled="disabled">F</button>
						</td>
						<td colspan="2">
							<button type="button" class="numberBright" id="zero">0</button>
						</td>
						<td>
							<button type="button" disabled="disabled">.</button>
						</td>
						<td>
							<button type="button">+</button>
						</td>
					</tr>
				</table>
			</td>
		</tr>
	</table>
</body>
</html>